<!DOCTYPE html>
<html lang="en" class="app" xmlns:th="http://www.thymeleaf.org">
<head>  
  <meta charset="utf-8" />
  <title>Musik | Web Application</title>
  <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

</head>
<body class="">

            <section class="hbox stretch bg-black dker" style="overflow:hidden;margin-left: -30px;box-sizing: content-box;padding-right: 60px" th:fragment="listen" id="ajaxContent">
              <!-- side content -->

                <aside class="col-sm-5 no-padder feiListen "   id="sidebar">
                    <section class="vbox animated fadeInUp">
                        <div th:replace="~{commons/commons::listenLeft}" class="listenLeft">
                        </div>
                    </section>
                </aside>



              <!-- / side content -->
              <section class="col-sm-5 no-padder bg">
                <section class="vbox">
                  <section class="scrollable hover">
                    <ul class="list-group list-group-lg no-bg auto m-b-none m-t-n-xxs">
<!--                      修改好的-->
                      <li class="list-group-item clearfix" th:each="musicBean:${musicBeanList}">
                        <a href="#" class=" pull-right m-t-sm m-l text-md audio">

                          <audio th:src="@{${musicBean.music_path}}" ></audio>
                          <i class="icon-control-play text"></i>

                        </a>
<!--                        <a href="#" class="pull-left thumb-sm m-r">-->
<!--                          <img src="images/m0.jpg" alt="...">-->
<!--                        </a>-->
                        <a class="clear" href="javascript:;" th:onclick="ajaxRequestListen('/user/ajax/listen?id='+[[${musicBean.singer_id}]])">
                          <span class="block text-ellipsis">[[${musicBean.song_title}]]</span>
                          <small class="text-muted">[[${musicBean.singerBean.name}]]</small>
                        </a>
                      </li>

                    </ul>
                  </section>
                </section>
              </section>
<!--              溜白-->
<!--              <section class="col-sm-3 no-padder lt">-->

<!--              </section>-->
            </section>

 </body>
</html>